interface State {
  aimDom: {
    style?: { [organName: string]: string };
    context?: { value: string; type: string };
    faPosition?: { top: number; left: number };
    [organName: string]: any;
  }; //目标DOM节点
  aimPath: {}[]; //目标路径
  aimAttrs: {
    context?: string;
    goto?: { type: string; value: string };
    [organName: string]: any;
  }; //目标属性
  aimBox: {} | null; //目标容器
  aimXY: {} | null; //鼠标与组件的偏移
  componentList: { [organName: string]: {} };
  seniorBoxList: { [organName: string]: {} };
  //为了可以显示margin...
  colorDomStyle: {
    width: string;
    height: string;
    top: string;
    left: string;
    padding: string;
    border: string;
    margin: string;
  };
  judgeColorDom: boolean;
  domStack: {}[]; //存储栈
  domStackNum: number; //存储栈控制下标
  page?: {
    tree: {
      [organName: string]: {}[];
    };
  };
}

export default function createPage(
  state: State,
  {
    that,
  }: {
    that: {
      pageName: string;
      $message: { warning: Function; error: Function; success: Function };
    };
  }
) {
  if (that.pageName == "") {
    return that.$message.warning("请输入页面名称");
  }
  if (state.page?.tree[that.pageName]) {
    that.$message.error(`页面名为${that.pageName}的页面已存在`);
    return;
  }
  if (state.page) {
    state.page.tree[that.pageName] = [
      {
        tagName: "div",
        attrs: {
          class: "fixedBox1621244787698",
          "data-type": "fixedBox",
        },
        style: {
          padding: "10px 10px 10px 10px",
          margin: "10px 10px 10px 10px",
          height: "400px",
        },
        children: [],
      },
    ];
  }

  that.$message.success("页面创建成功");
}
